<template>
<CommonCart title="今日交易用户数" :value="orderUser">
    <template>
        <v-chart :options="getOptions()" />
    </template>
    <template #footer>
        <span >退货率 </span>
        <span class="emphasis">{{returnRate}}</span>
    </template>
</CommonCart>
</template>

<script>
import commonCartMixin from '../../mixins/commonCartMixin'
import commonDataMixin from '../../mixins/commonDataMixin'
export default {
    name: 'TodayUser',
    mixins: [commonCartMixin,commonDataMixin],
    methods: {
      getOptions () {
        return {
          color: ['#3398db'],
          xAxis: {
            show: false,
            type: 'category',
            data: this.orderUserTrendAxis
          },
          yAxis: {
            show: false
          },
          series: [{
            name: '用户实时交易量',
            type: 'bar',
            barWidth: '60%',
            data: this.orderUserTrend
          }],
          grid: {
            top: 0,
            left: 0,
            bottom: 0,
            right: 0
          },
          tooltip:{}
        }
      }
    }
}
</script>

<style  lang='scss' scoped>

</style>
